﻿@{
    ViewBag.Title = "In phiếu điều tra giấy";
    ViewBag.Group = "Quản lý chung";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}

<style>
    .select2-no-results {
        display: none !important;
    }
    span.select2-chosen {
        margin-top: -2px;
    }
</style>

<form id="frmPrintHouseHold">
    <div class="page-bar">
        <ul class="page-breadcrumb" style="padding: 4px;">
            <li>
                <i class="fa fa-print"></i>
                <a href="#"> In phiếu điều tra giấy : @ViewBag.UnitTinh.ADM_NAME | @ViewBag.UnitHuyen.ADM_NAME | @ViewBag.UnitXa.ADM_NAME</a>
            </li>
        </ul>


    </div>
    <div style="float: left; margin-bottom: 12px;">
        <div class="page-toolbar">
            <div class="btn-group">
                <select class="form-control input-sm select2me" id="area_id" name="area_id" style="margin-right:5px; width:200px;"></select>
            </div>
            <div class="btn-group pull-right">
                <button type="button" class="btn btn-sm grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
                    <i class="fa fa-share"></i> Công cụ <i class="fa fa-angle-down"></i>
                </button>
                <ul class="dropdown-menu pull-right" role="menu">
                    <li>
                        <a id="btnPrintPhieuTrang_Ho" href="javascript:;">
                            <i class="fa fa-print"></i> In phiếu trắng - Hộ
                        </a>
                    </li>
                    <li>
                        <a id="btnPrintPhieuTrang_CD" href="javascript:;">
                            <i class="fa fa-print"></i> In phiếu trắng - Công dân
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div id="divTableTemp2" style="display:none;">
        <div class="clearfix"></div>
        <table class="table table-striped table-bordered table-hover" id="taale">
            <thead>
                <tr>
                    <th width="50px;" style="text-align:center;" class='hidden-480'> STT</th>
                    <th width="100px;" style="text-align:center;" class='hidden-480'><i class="fa fa-qrcode"></i> Mã hộ</th>
                    <th style="text-align:center;"><i class="fa fa-info-circle"></i> Danh sách các hộ</th>
                    <th class="hidden-580" width="180px;" style="text-align:center;"><i class="fa fa-envelope-o"></i> Email</th>
                    <th class="hidden-680" width="120px;" style="text-align:center;"><i class="fa fa-tablet"></i> Mobile</th>
                    <th class="hidden-780" width="150px;  white-space:nowrap;" style="text-align:center;"><i class="fa fa-building"></i> Địa chỉ</th>
                    <th width="30px;" style="text-align: center; white-space: nowrap; background-color: #EAEAEA;"><i class="fa fa-print"></i> <span class='hidden-680'>In phiếu</span></th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="divResult" style="background-color:#ffffff; padding:0px; border-radius:10px; margin:0px 0px 10px 0px;">
    </div>
    <div id="divPrint"></div>
</form>
@Scripts.Render("~/Scripts/ext/jquery.dataTables.min.js")
@Scripts.Render("~/Scripts/ext/bootstrap-select.min.js")
@Scripts.Render("~/Scripts/ext/select2.min.js")
@Scripts.Render("~/Scripts/ext/printHouseHold.js")

<script type="text/javascript">
    var actionUrl = {
        getJsonAdminUnit: "@Url.Action("getJsonAdminUnit")",
        getJsonArea: "@Url.Action("getJsonArea")",
        getJsonHouseHold: "@Url.Action("getJsonHouseHold")",
        print: "@Url.Action("print")",
        printResident0: "@Url.Action("printResident0")",
        updatePrint: "@Url.Action("updatePrint")",
        data: { xa_code: '@ViewBag.xaCode' }
    };

    $(function () {
        PrintHouseHold.init();
      
    });
</script>